<template>
    <view class="no-orders">
        <image :src="img" class="no-orders-img"></image>
        <text class="no-orders-text">{{ msg }}</text>
    </view>
</template>

<script setup>
defineProps({
    msg:  {
        type: String,
        default: '暂无数据'
    },
    img:  {
        type: String,
        default: '/static/images/null.png'
    }
})
</script>
<style lang="scss" scoped> 
.no-orders {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    .no-orders-img{
        width: 200px;
        height: 200px;
    }
}
</style>